<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>云联</title>
<style type="text/css">
	html,body,p,form,div,table,textarea,input,span,select{font: normal 100% Helvetica, Arial, sans-serif;word-wrap:break-word;}
	body{background:#ffffff;color:#000;padding:1px;margin:1px;}
	body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,dd,dt,p{margin:0px;padding:0px;}
	form{margin:0px;padding:0px;border:0px;}
	a{color:#222222;text-decoration:none;outline: none; blr:expression(this.onFocus=this.blur());}
	.header {
		background-color: #009AF7;
	    min-height: 2.9rem;
	    position: relative;
	    clear: both;
	}
	.title{color:#ffffff;font-size: 1.2rem;font-weight: normal; margin: 0 auto;line-height:2.9rem;text-align: center;text-overflow: ellipsis;white-space: nowrap;width: 15rem;}
	.btn {
	  /* 默认为button 但是在<a>上依然有效 */
	  display: inline-block;
	  text-align: center;
	  text-decoration: none;

	  /* 创造上下间距一定的空间 */
	  margin: 2px 0;

	  /* border透明 (当鼠标悬停时上色) */
	  border: solid 1px transparent;
	  border-radius: 20px;

	  /* padding大小与字体大小相关 (no width/height) */
	  padding: 0.5em 1em;

	  /* 确保字体颜色和背景色有足够区分度! */
	  color: #ffffff;
	  background-color: #009AF7;
	}
</style>
<script type="text/javascript">
	function openBrowser() {
		var textareaVal = document.getElementById("url").value;
		var placeholder = document.getElementById("url").placeholder;
		var url = placeholder;
		if(textareaVal) {
			url = textareaVal;
		}
		var host = location.host;
		window.location.href = "/?url=" + url;
	}
	

</script>
</head>
<body>	
	<div class="header">
		<h2 class="title">云联</h2>
	</div>
	
	<div style="padding: 20px;text-align:center; ">
		<div style="color: #454545; margin: 10px 0px">在下面输入框中填写你想在TV上打开的网址</div>
		<textarea id="url" cols="20" row="4" style="border:1px solid gray;border-radius:5px;background-color:rgba(241,241,241,.98);width: 80%;height: 100px; padding: 10px;" placeholder="http://www.kuhuiv.com"></textarea>
		<div style="text-align:center; margin: 20px 0px">
			<div onclick="openBrowser()" class="btn">TV上打开</div>
		</div>
	</div>
</body>
